<template>
  <header class="header">
    <div class="searchbar">
      <input type="text" name="search" id="search" v-model="searchContent">
    </div>
  </header>
</template>
<script>
export default {
  name: 'header',
  data () {
    return {
      searchContent: ''
    }
  },
  props: []
}
</script>
<style lang="scss" scoped>
@import '../../assets/css/mixin.scss';
  .header{
    @include wh(100%,50px);
    position: fixed;
    .searchbar{
      @include wh(100%,100%);
      padding: 0px 80px 0px 80px;
      box-sizing: border-box;
      #search{
        @include wh(100%,100%);
      }
    }
  }
</style>